<style type="text/css" media="screen">
	#thongke div {
		margin: 20px 0px 20px 50px
	}
	#thongke font {
		font-size: 1.2em;
		height: 20px;
		line-height: 20px;
	}
	#thongke select{
		height: 25px;
		font-size: 1.1em;
		line-height: 20px;
		text-align: center;
	}
</style>
<form name='thongke' id='thongke' action="" method="get" accept-charset="utf-8">
	<?php
	//năm bắt đầu lập hóa đơn
		 $sql = "SELECT YEAR(ngHD) as year FROM `hoa_don` ORDER BY YEAR(ngHD) asc limit 0,1";
		 $result = mysql_query($sql);
		 $row = mysql_fetch_array($result);
		 $start_year = $row[year];

	// lấy năm cuối cùng trong hóa đơn
		 $sql = "SELECT YEAR(ngHD) as year FROM `hoa_don` ORDER BY YEAR(ngHD) desc limit 0,1";
		 $result = mysql_query($sql);
		 $row = mysql_fetch_array($result);
		 $end_year = $row[year];
		 echo "<div>";
			 echo "<font>Chọn năm : </font>";
			 echo "<select name='yearcount'id='yearcount'>";
			 echo "<option value = ''> chọn năm </option>";
			 	for ($i = $start_year; $i <= $end_year ; $i++) { 
			 		echo "<option value='$i'>";
			 			echo $i;
			 		echo "</option>";
			 	}
			 echo "</select>";
		 echo "</div>";
 	?>
</form>
<center>
	<div id='textHint'></div>
</center>
<!-- dùng ajax để lấy dữ liệu thống kê.-->
<script>
	$(document).ready(function(){
	 	//lấy danh sách bài hát
	 	$("#yearcount").change(function(){
	 		
 				if(window.XMLHttpRequest)
	   			{
	   				//code for IE7, chrome, firefox, opera, safari
	   				xmlhttp=new XMLHttpRequest();
	   			}
	   			else
	   			{
	   				//code for IE6, IE5	
	   				 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	   			}
	   			xmlhttp.onreadystatechange=function()
	  			{
	  				if (xmlhttp.readyState==4 && xmlhttp.status==200)
	   				{
	   					 document.getElementById("textHint").innerHTML=xmlhttp.responseText;
	    			}
	  			}
	        // sử dụng phương thức POST()
		        xmlhttp.open("POST","xuly/thongke/ajax_counter.php",true);
		        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
		        xmlhttp.send("yearcount="+$(this).val());
			
				
 		});
	});
</script>